var main = document.querySelector('main');
for(var i = 0 ;i < 2 ;i++){
    for(var j = 0 ;j <5 ;j++){
        var img = document.createElement('img');
        img.classList.add('car');
        img.src = 'img/'+(i*5+j+1)+'.jpg';
        main.appendChild(img);
        img.onmouseenter = function(){
            this.style.opacity = 1 ;
        }
        img.onmouseleave = function(){
            this.style.opacity = 0.3 ;
        }
    }
}